.br__login{
    padding: 180px 0;
}

.br__box{
    border:  2px dashed #cccccc;
    box-shadow: 0px 0px 2px #000;
    margin: 0 auto;
    width: 300px;
}

.br__header{
    background: -ms-linear-gradient(top, #45C8DC,  #E2F0FF);        /* IE 10 */
    background:-moz-linear-gradient(top,#45C8DC,#E2F0FF);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#45C8DC), to(#E2F0FF));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#45C8DC), to(#E2F0FF));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #45C8DC, #E2F0FF);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #45C8DC, #E2F0FF);  /*Opera 11.10+*/
    height: 20px;
}

.br__footer{
    background-color: #B9D8FF;
    height: 20px;
}
#yong_hu_id{
    width: 200px;
}

#yong_hu_mi_ma{
    width: 200px;
    margin-left: 17px;
}

#kai_shi_kao_shi{
    margin-left: 230px;
    background: -ms-linear-gradient(top, #45C8DC,  #E2F0FF);        /* IE 10 */
    background:-moz-linear-gradient(top,#45C8DC,#E2F0FF);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#45C8DC), to(#E2F0FF));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#45C8DC), to(#E2F0FF));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #45C8DC, #E2F0FF);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #45C8DC, #E2F0FF);  /*Opera 11.10+*/
}
